<div id="sidebar" class="col-xl-2 col-md-4 bg-secondary-alt p-3 d-print-none min-vh-100 overflow-auto">
    <div class="overflow-auto">
        <div id="single-page-switch" class="btn-group mb-2 float-right" role="group" aria-label="{{ _('Multi-page or single-page') }}">
            <a href="{{ base_url }}" role="button" class="btn btn-dark{% if config.extra.single_page %}-alt{% endif %} active" aria-pressed="{% if not config.extra.single_page %}true{% else %}false{% endif %}">
                <img src="/images/mkdocs/multi.svg" alt="{{ _('Multi-page version') }}" title="{{ _('Multi-page version') }}" />
            </a>
            <a href="{{ base_url }}/single/" role="button" class="btn btn-dark{% if not config.extra.single_page %}-alt{% endif %} active" aria-pressed="{% if not config.extra.single_page %}true{% else %}false{% endif %}">
                <img src="/images/mkdocs/single.svg" alt="{{ _('Single-page version') }}" title="{{ _('Single-page version') }}" />
            </a>
        </div>
        {% if not single_page %}
        <nav id="sidebar-nav" class="nav flex-column mb-5">
            {% for nav_item in nav %}
                {% set path = "sidebar-" + loop.index | string %}
                {% set level = 1 %}
                {% include "templates/docs/sidebar-item.html" %}
            {% endfor %}
            <a href="{{ base_url }}/single/clickhouse_{{ language }}.pdf" class="nav-link border-top border-secondary mt-3 px-0 pt-3 text-light">
                <img src="/images/mkdocs/pdf.svg" alt="{{ _('PDF version') }}" title="{{ _('PDF version') }}" height="24" class="d-block mr-1 float-left" /><div>{{ _('PDF version') }}</div>
            </a>
        </nav>
        {% else %}
            {% include "templates/docs/toc.html" %}
        {% endif %}
    </div>
</div>
